@use "../../assets/scss/fun" as func;
@use "../../assets/scss/mixins/base" as mx;

.polygon {
  @include mx.centered {
    @include mx.wh(300px, 300px);
  }
  clip-path: func.polygon(3);
  background-color: #f00;
  animation: clip 5s linear infinite alternate;
}
@keyframes clip {
  0% {
    clip-path: func.polygon(3);
  }
  100% {
    clip-path: func.polygon(3, 1);
  }
}
